<template>
	<view class="m-cpage wrap flex-center alic">
		<view class="m-cpage-content">
			<view class="flex-center">
				<u-image src="/static/images/login/logo.png" mode="widthFix" width="158" height="38"></u-image>
			</view>
			<view class="m-cpage-form" style="margin-top: 60rpx;">
				<m-form :list="list" @submit="submit" @extendFunc="extendFunc"></m-form>
			</view>
		</view>
		<Footer classes="posab"></Footer>
	</view>
</template>

<script>
	
	export default {
		name:'m-cpage',
		props:{
			list:{
				type:Array,
				default:()=>[]
			}
		},
		data() {
			return {
				
				
			}
		},
		watch:{
			list(val){
				
			},
		},
		mounted(){
		
		},
		onReady() {
		},
		components: {
		},
		methods:{
			submit(val){
				this.$emit('submit',val)
			},
			extendFunc(val){
				this.$emit('extendFunc',val)
			},
		}
		
	}
</script>

<style lang="scss" scoped>
	.m-cpage{
		min-height: 100vh;
		background: url("../../static/images/login/login-bg.png") 100% 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		&-content{
			width: 375px;
			min-height: 468px;
			background: #FFFFFF;
			box-shadow: 0px 2px 8px 0px rgba(48, 51, 59, 0.1);
			border-radius: 8px;
			padding: 30px 45px 10px;
			box-sizing: border-box;
		}
		
	}
	@media screen and (min-width: 0px) and (max-width:1024px) {
		.m-cpage{
			background: none;
			&-content{
				box-shadow: none;
			}
		}
	}
</style>